<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<div id="content">
	<c:forEach items="${tutorials.content}" var="tutorial">

		<div class="loop-entry clearfix">
			<h2>
				<a href="${ctx}/tutorial/${tutorial.id}" title="${tutorial.tutorialName}">${tutorial.tutorialName}</a>
			</h2>
			<div class="tutorial-meta">
				<span class="meta-date">${tutorial.tutorialDate}</span> <span
					class="meta-comments"><a href="#"
					title="Comment on ${tutorial.tutorialName}">0 Comments</a> </span>
			</div>
			<div>
			<a href="${ctx}/tutorial/${tutorial.id}"
				title="Digital Photography Triumph – The Essential Guide to Launch a Digital Photography Business"
				class="loop-entry-thumbnail"> <img
				src="${ctx}/static/upload/${tutorial.tutorialImg}"
				class="attachment-cropped-thumb wp-tutorial-image" alt="DPT-thumb"
				title="DPT-thumb" style="opacity: 1;"> </a>  ${fn:substring(tutorial.tutorialDesc, 0, 200)}
			
			<hr class="break-5">
			<a href="${ctx}/tutorial/${tutorial.id}" title="${tutorial.tutorialName}"
				class="gh-button icon arrowright">continue reading</a>
			</div>
			<div class="clear"></div>
		</div>
		
	</c:forEach>

	<tags:adminpagination page="${tutorials}" paginationSize="5" />

</div>